<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

    </style>
</head>

<body>
    <!-- 
        表单：
            - 在显示生活中表单用于提交数据
            - 在网页中也可以使用表单，网页中的表单用于将本地的数据提交给远程的服务器
            - 使用form标签来创建一个表单
    -->
    <!-- 
        form的属性
            action 表单要提交的服务器的地址
    -->
    <form action="08_target.html" </form>
        <!-- 文本框 autocomplete="off" 关闭历史记录 也可以放在form标签里-->
        文本框 <input type="text" name="username" autocomplete="off" autofocus>
        <br><br>
        <!-- 密码框 -->
        密码框 <input type="password" name="password">
        <br><br>
        <!-- 单选按钮 -->
        单选按钮 <input type="radio" name="radio" value="a">
        <input type="radio" name="radio" value="b" checked>
        <br><br>
        <!-- 多选按钮 -->
        多选按钮 <input type="checkbox" name="checkbox" value="1">
        <input type="checkbox" name="checkbox" value="2">
        <input type="checkbox" name="checkbox" value="3">
        <input type="checkbox" name="checkbox" value="4">
        <br><br>
        <!-- 下拉列表 -->
        <select name="haha" id="1">
            <option value="i">选项1</option>
            <option value="ii">选项2</option>
            <option value="iii">选项3</option>
        </select>
        <br><br>
        <!-- 提交按钮 -->
        <input type="submit">

        <!-- 普通的按钮 -->
        <input type="button" value="按钮">
        <br><br>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">按钮</button>
    </form>

</body>

</html>